<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="stylesheet" href="/user_css/common.css" />
    <link rel="stylesheet" href="/user_css/shopsManager.css" />
    <script type="text/javascript" src="/user_js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/user_js/common.js" ></script>
    <script type="text/javascript" src="/user_js/navTop.js"></script>
    <script type="text/javascript" src="/user_js/jquery.circliful.min.js"></script>
    <!--    xtiper插件css,js-->
    <link href="/xtiper_css/xtiper.css" type="text/css" rel="stylesheet"/>
    <script src="/xtiper_js/xtiper.js" type="text/javascript"></script>
    <script src="/webjars/vue/2.6.10/dist/vue.js"></script>
    <script src="/webjars/axios/0.19.0/dist/axios.min.js"></script>
</head>

<body>

<div id="vueBox">
    <!-- 内容  开始-->
    <div class="wrap">
        <div class="vip_cont c100 clearfix">
            <!--左边列表导航  开始-->
            <div class="fl vip_left vip_magLeft">
                <dl>
                    <dt>Manage</dt>
                    <dd>
                        <p><a href="#" >系统信息</a></p>
                        <p><a href="#" >系统设置</a></p>
                        <p><a href="sys_house.html">公寓信息查询</a></p>
                        <p><a href="sys_house.html">住户信息查询</a></p>
                        <p><a href="sys_house.html">反馈处理</a></p>
                        <p><a href="#" @click="notice()">查阅公告</a></p>
                    </dd>
                </dl>
                <dl>
                    <dt>我的账号</dt>
                    <dd>
                        <p><a href="#" >基本资料</a></p>
                        <p><a href="#" >修改密码</a></p>
                        <p><a onclick="Logintc()" target="_blank">退出登录</a></p>
                    </dd>
                </dl>
            </div>
            <!--左边列表导航  结束-->

            <!--右边列表内容  开始-->
            <div class="fr vip_right vip_magRight">
                <!--用户信息  开始 -->
                <div class="cus01">
                    <div class="cusImg">
                        <img src="/user_images/customerImg.png" title="更换头像" />
                    </div>
                    <div class="cusName">
                        <p title="MyHouse">MyHouse-系统管理</p>
                        <span title="登录管理员:">登录管理员身份:root</span>
                        <span >系统编号:2</span>
                    </div>
                </div>
                <ul class="cus02">
                    <li>
                        <p><span>充值</span></p>
                        <span class="numbers"><font>36</font>个</span>
                    </li>
                    <li>
                        <p><span>提现</span></p>
                        <span class="numbers"><font>6</font>套</span>
                    </li>
                    <li>
                        <p><span>个人资料</span></p>
                        <script>
                            $(function(){
                                $('#myStat').circliful();
                            });
                        </script>
                        <span class="numbers mystat">
								<div id="myStat" data-dimension="60" data-text="85%" data-info="New Clients" data-width="10" data-fontsize="12" data-percent="85" data-fgcolor="#ff6561" data-bgcolor="#eee" data-fill="#FFF" class="circliful" style="width: 60px;"></div>
							</span>
                    </li>
                </ul>
            </div>
            <!--右边列表内容  结束-->
        </div>
    </div>
</div>
</body>
</html>
<script type="application/javascript">
    function Logintc() {
        window.location.href="sys_login.html";
    }
    var vm=new Vue({
        el:"#vueBox",
        data:{

        },mounted(){

        },methods:{

        }
    })
</script>